﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="PlayQuiz.aspx.vb" Inherits="Assignment4.PlayQuiz" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
    .style2
    {
        width: 502px;
    }
        .style3
        {
            width: 488px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>Quiz Game<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </asp:ToolkitScriptManager>
    </h1>
    <p>Find pair of pictures</p>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
   
    <table class="style1">
        <tr>
            <td>
                <asp:ImageButton ID="img1_1" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
            <td>
                <asp:ImageButton ID="img1_2" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
            <td class="style3">
                <asp:ImageButton ID="img1_3" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
            <td class="style2" rowspan="7">
                <asp:ImageButton ID="imgProceed" runat="server" Height="124px" 
                    ImageUrl="~/Pictures/Quiz/Next-icon.png" Width="119px" />
                <br />
                <br />
                <asp:Button ID="btnProceed" runat="server" Text="Go to the next level" />
                <br />
                <br />
                <asp:Label ID="lblTotalTime" runat="server" Text=""></asp:Label>
            </td>
        </tr>
        <tr>
            <td>
                <asp:ImageButton ID="img2_1" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
            <td>
                <asp:ImageButton ID="img2_2" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
            <td class="style3">
                <asp:ImageButton ID="img2_3" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
        </tr>
        <tr>
            <td>
                <asp:ImageButton ID="img3_1" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
            <td>
                <asp:ImageButton ID="img3_2" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
            <td class="style3">
                <asp:ImageButton ID="img3_3" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
        </tr>
        <tr>
            <td>
                <asp:ImageButton ID="img4_1" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
            <td>
                <asp:ImageButton ID="img4_2" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
            <td class="style3">
                <asp:ImageButton ID="img4_3" CssClass="gamepicture" runat="server" 
                    ImageUrl="~/Pictures/Quiz/questionMark.jpg" />
            </td>
        </tr>
        <tr>
            <td colspan="3">
                &nbsp;</td>
        </tr>
        <tr>
            <td colspan="3">
                Remaining matching pairs:
                <asp:Label ID="lblMatchedPictures" runat="server"></asp:Label>
                <br />
            </td>
        </tr>
        <tr>
            <td colspan="3">
                &nbsp;</td>
        </tr>
        </table>
        </ContentTemplate>
         </asp:UpdatePanel>
</asp:Content>
